<template>
  <div id="search-buttons-box">
    <baidu-search ref="bd" v-on:pa="zhua"></baidu-search>
    <s360-search ref="s3" v-on:pa="zhua"></s360-search>
    <csdn-search ref="cs" v-on:pa="zhua"></csdn-search>
    <google-search ref="gg" v-on:pa="zhua"></google-search>
    <bing-search ref="bi" v-on:pa="zhua"></bing-search>
    <fofa ref="fo" v-on:pa="zhua"></fofa>
  </div>
</template>

<script>
import S360Search from '@/components/search/button/s360-search.vue'
import BaiduSearch from '@/components/search/button/baidu-search.vue'
import BingSearch from '@/components/search/button/bing-search'
import CsdnSearch from '@/components/search/button/csdn-search'
import GoogleSearch from '@/components/search/button/google-search'
import Fofa from '@/components/search/button/fofa'

export default {
  name: 'search-buttons',
  components: {
    Fofa,
    GoogleSearch,
    CsdnSearch,
    BingSearch,
    BaiduSearch,
    S360Search
  },
  methods: {
    zhua (value) {
      // console.log(this.$refs.bd)
      this.$emit('getData', value)
    }
  }
}
</script>

<style scoped>

</style>
